<script>
export default {
  name: 'Breadcrumb',
  functional: true,
  /*
  h:创建虚拟dom的
  context：获取组件的一些数据
  slots():当前组件的插槽内的虚拟dom(是一个数组)
  */
  render: (h, context) => {
    console.log('context', context.slots().default, 6666)
    const vnodeArr = []
    // 循环处理
    context.slots().default.forEach((item, index, arr) => {
      // 重新包装了虚拟dom
      vnodeArr.push(item)
      if (arr.length - 1 !== index) {
        // 只要不是最后一项都要加一个>图标
        vnodeArr.push(h('i', { class: 'el-icon-arrow-right' }))
      }
    })
    // return出相应的虚拟dom
    return h('span', {}, vnodeArr)
  }
}
</script>
<style lang="less" scoped></style>
